.detail{
    .detail-bg{
        position: fixed;
        top:0;
        left:0;
        width: 100%;
        height: 100vw;
        filter: blur(2.77778vw);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        transform: scale(1.5);
        z-index: -1;
    }
    .detail-bg::after{
        content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0,0,0,.25)
    }
    .detail-head{
        padding: 40px;
        display: flex;
        color: white;
        font-size: 30px;
        border-bottom: 1px solid pink;
        div:nth-child(2) {
          margin-left:20px
        }
    }
    .detail-bg-header{
        padding:20px;
        color:white;
        .detail-bg-header-img{
            width: 220px;
            height: 220px;
            img{
                height: 100%;
                width: 100%;
            }
        }
        .detail-bg-header-main{
            flex:1;
            padding: 10px 20px;
            .detail-bg-header-main-title{
              font-size: 30px;
              font-weight: bold;
              line-height: 50px;
              margin-bottom: 20px;
            }
            .detail-bg-header-main-ava{
                img{
                    border-radius: 50%;
                    width: 40px;
                    height: 40px;
                    margin-right: 20px;
                }
                font-size: 20px;
                color: hsla(0,0%,100%,.5)
            }
        }
    }
    .detail-bg-header-main-ul{
        background:white;
        overflow-y: auto;
        // height: 60vh;
        flex:1;
        .detail-bg-header-main-ul-li{
            padding:0 20px;
            .detail-bg-header-main-ul-li-index{
                font-size: 20px;
                width: 10%;
                height: 70px;
                text-align: center;
                line-height: 70px;
                margin-right: 10px;
            }
            .detail-bg-headebr-main-ul-li-title{
                color: #777;
                border-bottom: 1px solid #ddd;
                flex:1;
                padding:20px 0 ;
                span:nth-child(1){
                    margin-bottom: 10px;
                    color: #333;
                    font-size: 30px;
                }
            }
        }
    }
}